
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-erweima1"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.icon-erweima1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuichu"></i>
                    <div class="name">退出</div>
                    <div class="fontclass">.icon-tuichu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-notebook"></i>
                    <div class="name">笔记本</div>
                    <div class="fontclass">.icon-notebook</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diqiu"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-diqiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pencil1"></i>
                    <div class="name">笔</div>
                    <div class="fontclass">.icon-pencil1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bofang"></i>
                    <div class="name">播放</div>
                    <div class="fontclass">.icon-bofang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yaoqing"></i>
                    <div class="name">邀请</div>
                    <div class="fontclass">.icon-yaoqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rocket"></i>
                    <div class="name">rocket</div>
                    <div class="fontclass">.icon-rocket</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-clock"></i>
                    <div class="name">clock</div>
                    <div class="fontclass">.icon-clock</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pending"></i>
                    <div class="name">待处理</div>
                    <div class="fontclass">.icon-pending</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditu"></i>
                    <div class="name">地图</div>
                    <div class="fontclass">.icon-ditu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaosanjiaoup"></i>
                    <div class="name">小三角up</div>
                    <div class="fontclass">.icon-xiaosanjiaoup</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-expense"></i>
                    <div class="name">报销</div>
                    <div class="fontclass">.icon-expense</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon052"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-icon052</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodexiangmu01"></i>
                    <div class="name">我的项目-01</div>
                    <div class="fontclass">.icon-wodexiangmu01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-totop"></i>
                    <div class="name">置顶-icon</div>
                    <div class="fontclass">.icon-totop</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duigou"></i>
                    <div class="name">对勾</div>
                    <div class="fontclass">.icon-duigou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xingzheng"></i>
                    <div class="name">电脑</div>
                    <div class="fontclass">.icon-xingzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianhao"></i>
                    <div class="name">减号</div>
                    <div class="fontclass">.icon-jianhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeguanzhu"></i>
                    <div class="name">我的关注－17</div>
                    <div class="fontclass">.icon-wodeguanzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duigou1"></i>
                    <div class="name">对勾</div>
                    <div class="fontclass">.icon-duigou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tips"></i>
                    <div class="name">提示</div>
                    <div class="fontclass">.icon-tips</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlian1"></i>
                    <div class="name">关联</div>
                    <div class="fontclass">.icon-guanlian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfont"></i>
                    <div class="name">置顶</div>
                    <div class="fontclass">.icon-iconfont</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangchuan"></i>
                    <div class="name">上传文件</div>
                    <div class="fontclass">.icon-shangchuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset"></i>
                    <div class="name">公文包</div>
                    <div class="fontclass">.icon-iconset</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-done"></i>
                    <div class="name">完成</div>
                    <div class="fontclass">.icon-done</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-meiyoumingxi"></i>
                    <div class="name">没有明细</div>
                    <div class="fontclass">.icon-meiyoumingxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuyue"></i>
                    <div class="name">预约</div>
                    <div class="fontclass">.icon-yuyue</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sumbianji"></i>
                    <div class="name">功能－编辑</div>
                    <div class="fontclass">.icon-sumbianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wujiaoxing1"></i>
                    <div class="name">五角星</div>
                    <div class="fontclass">.icon-wujiaoxing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-channel"></i>
                    <div class="name">渠道管理</div>
                    <div class="fontclass">.icon-channel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baogao"></i>
                    <div class="name">形象报告</div>
                    <div class="fontclass">.icon-baogao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tishishixin"></i>
                    <div class="name">提示实心</div>
                    <div class="fontclass">.icon-tishishixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaxun1"></i>
                    <div class="name">查询</div>
                    <div class="fontclass">.icon-chaxun1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kehuguanli"></i>
                    <div class="name">客户管理</div>
                    <div class="fontclass">.icon-kehuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-call-end"></i>
                    <div class="name">call-end</div>
                    <div class="fontclass">.icon-call-end</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangmuguanli-copy"></i>
                    <div class="name">项目管理</div>
                    <div class="fontclass">.icon-xiangmuguanli-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lenglian"></i>
                    <div class="name">冷链</div>
                    <div class="fontclass">.icon-lenglian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiegang"></i>
                    <div class="name">分类名称斜线</div>
                    <div class="fontclass">.icon-xiegang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gantanhao"></i>
                    <div class="name">感叹号</div>
                    <div class="fontclass">.icon-gantanhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-eyes"></i>
                    <div class="name">眼睛</div>
                    <div class="fontclass">.icon-eyes</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-overtime"></i>
                    <div class="name">未完成</div>
                    <div class="fontclass">.icon-overtime</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dead"></i>
                    <div class="name">已结束</div>
                    <div class="fontclass">.icon-dead</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fileserch"></i>
                    <div class="name">文件搜索</div>
                    <div class="fontclass">.icon-fileserch</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chexiao"></i>
                    <div class="name">撤销</div>
                    <div class="fontclass">.icon-chexiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlian"></i>
                    <div class="name">关联</div>
                    <div class="fontclass">.icon-guanlian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mould"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-mould</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jisuan"></i>
                    <div class="name">计算</div>
                    <div class="fontclass">.icon-jisuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plus"></i>
                    <div class="name">add</div>
                    <div class="fontclass">.icon-plus</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-allfile"></i>
                    <div class="name">all-file</div>
                    <div class="fontclass">.icon-allfile</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-back"></i>
                    <div class="name">back</div>
                    <div class="fontclass">.icon-back</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-trash-o"></i>
                    <div class="name">bin</div>
                    <div class="fontclass">.icon-trash-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bin2"></i>
                    <div class="name">bin-2</div>
                    <div class="fontclass">.icon-bin2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chat"></i>
                    <div class="name">chat</div>
                    <div class="fontclass">.icon-chat</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-check1"></i>
                    <div class="name">Check</div>
                    <div class="fontclass">.icon-check1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-doublepage"></i>
                    <div class="name">double-page</div>
                    <div class="fontclass">.icon-doublepage</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-down"></i>
                    <div class="name">down</div>
                    <div class="fontclass">.icon-down</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-download"></i>
                    <div class="name">download</div>
                    <div class="fontclass">.icon-download</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-calendar"></i>
                    <div class="name">calendar</div>
                    <div class="fontclass">.icon-calendar</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xlxs01"></i>
                    <div class="name">excel</div>
                    <div class="fontclass">.icon-xlxs01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-folder"></i>
                    <div class="name">folder</div>
                    <div class="fontclass">.icon-folder</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-folder-o"></i>
                    <div class="name">folder2</div>
                    <div class="fontclass">.icon-folder-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-head"></i>
                    <div class="name">head</div>
                    <div class="fontclass">.icon-head</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-i"></i>
                    <div class="name">i</div>
                    <div class="fontclass">.icon-i</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontbianji"></i>
                    <div class="name">iconfont-bianji</div>
                    <div class="fontclass">.icon-iconfontbianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-times"></i>
                    <div class="name">iconfont-cha</div>
                    <div class="fontclass">.icon-times</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jycxun"></i>
                    <div class="name">jycxun</div>
                    <div class="fontclass">.icon-jycxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mail2"></i>
                    <div class="name">mail2</div>
                    <div class="fontclass">.icon-mail2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-user"></i>
                    <div class="name">man</div>
                    <div class="fontclass">.icon-user</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-multiplayer"></i>
                    <div class="name">Multiplayer</div>
                    <div class="fontclass">.icon-multiplayer</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-newdoc"></i>
                    <div class="name">new-doc</div>
                    <div class="fontclass">.icon-newdoc</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-news"></i>
                    <div class="name">news</div>
                    <div class="fontclass">.icon-news</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-file-o"></i>
                    <div class="name">note</div>
                    <div class="fontclass">.icon-file-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-note2"></i>
                    <div class="name">note2</div>
                    <div class="fontclass">.icon-note2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-next"></i>
                    <div class="name">next</div>
                    <div class="fontclass">.icon-next</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pencil"></i>
                    <div class="name">pen</div>
                    <div class="fontclass">.icon-pencil</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-file-image-o"></i>
                    <div class="name">pic</div>
                    <div class="fontclass">.icon-file-image-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pdf01"></i>
                    <div class="name">ppt</div>
                    <div class="fontclass">.icon-pdf01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qq"></i>
                    <div class="name">QQ</div>
                    <div class="fontclass">.icon-qq</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-recovery"></i>
                    <div class="name">recovery</div>
                    <div class="fontclass">.icon-recovery</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-release"></i>
                    <div class="name">release</div>
                    <div class="fontclass">.icon-release</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-search"></i>
                    <div class="name">search2</div>
                    <div class="fontclass">.icon-search</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-seliect"></i>
                    <div class="name">seliect</div>
                    <div class="fontclass">.icon-seliect</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gear"></i>
                    <div class="name">set-up</div>
                    <div class="fontclass">.icon-gear</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bq01"></i>
                    <div class="name">smile</div>
                    <div class="fontclass">.icon-bq01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-stamp"></i>
                    <div class="name">stamp</div>
                    <div class="fontclass">.icon-stamp</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-star"></i>
                    <div class="name">star</div>
                    <div class="fontclass">.icon-star</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-star2"></i>
                    <div class="name">star2</div>
                    <div class="fontclass">.icon-star2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-t"></i>
                    <div class="name">T</div>
                    <div class="fontclass">.icon-t</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-table"></i>
                    <div class="name">table</div>
                    <div class="fontclass">.icon-table</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-users"></i>
                    <div class="name">two</div>
                    <div class="fontclass">.icon-users</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wz01"></i>
                    <div class="name">Unknown</div>
                    <div class="fontclass">.icon-wz01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-upload"></i>
                    <div class="name">upload</div>
                    <div class="fontclass">.icon-upload</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-doc01"></i>
                    <div class="name">World</div>
                    <div class="fontclass">.icon-doc01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-file-zip-o"></i>
                    <div class="name">zip</div>
                    <div class="fontclass">.icon-file-zip-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duihao2"></i>
                    <div class="name">阿姨详情对号</div>
                    <div class="fontclass">.icon-duihao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gou01"></i>
                    <div class="name">对号</div>
                    <div class="fontclass">.icon-gou01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-erweima"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.icon-erweima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-jia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixu"></i>
                    <div class="name">排序</div>
                    <div class="fontclass">.icon-paixu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuanwenjianjia"></i>
                    <div class="name">人员文件夹</div>
                    <div class="fontclass">.icon-renyuanwenjianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sangeheng"></i>
                    <div class="name">三个横</div>
                    <div class="fontclass">.icon-sangeheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrow-down"></i>
                    <div class="name">三角箭头 Triangular</div>
                    <div class="fontclass">.icon-arrow-down</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shang"></i>
                    <div class="name">上</div>
                    <div class="fontclass">.icon-shang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuding"></i>
                    <div class="name">图钉</div>
                    <div class="fontclass">.icon-tuding</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xialaxiaosanjiao"></i>
                    <div class="name">下拉小三角</div>
                    <div class="fontclass">.icon-xialaxiaosanjiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-comment-o"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-comment-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yidong"></i>
                    <div class="name">移动</div>
                    <div class="fontclass">.icon-yidong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yousanjiao"></i>
                    <div class="name">右三角</div>
                    <div class="fontclass">.icon-yousanjiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lock"></i>
                    <div class="name">lock</div>
                    <div class="fontclass">.icon-lock</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-message"></i>
                    <div class="name">message</div>
                    <div class="fontclass">.icon-message</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plus-square-o"></i>
                    <div class="name">plus</div>
                    <div class="fontclass">.icon-plus-square-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-right"></i>
                    <div class="name">right</div>
                    <div class="fontclass">.icon-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-share-copy"></i>
                    <div class="name">share</div>
                    <div class="fontclass">.icon-share-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-see"></i>
                    <div class="name">see</div>
                    <div class="fontclass">.icon-see</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bwl01"></i>
                    <div class="name">bwl-01</div>
                    <div class="fontclass">.icon-bwl01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cd01"></i>
                    <div class="name">cd-01</div>
                    <div class="fontclass">.icon-cd01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-flag"></i>
                    <div class="name">flag</div>
                    <div class="fontclass">.icon-flag</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gd01"></i>
                    <div class="name">gd-01</div>
                    <div class="fontclass">.icon-gd01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chain"></i>
                    <div class="name">gl</div>
                    <div class="fontclass">.icon-chain</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sjx01"></i>
                    <div class="name">sjx-01</div>
                    <div class="fontclass">.icon-sjx01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sx01"></i>
                    <div class="name">sx-01</div>
                    <div class="fontclass">.icon-sx01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqian"></i>
                    <div class="name">标签</div>
                    <div class="fontclass">.icon-biaoqian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caidan"></i>
                    <div class="name">菜单</div>
                    <div class="fontclass">.icon-caidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dian"></i>
                    <div class="name">点</div>
                    <div class="fontclass">.icon-dian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-check"></i>
                    <div class="name">对号</div>
                    <div class="fontclass">.icon-check</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duihuakuang1"></i>
                    <div class="name">对话框1</div>
                    <div class="fontclass">.icon-duihuakuang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangkuangxuanze"></i>
                    <div class="name">方框选择</div>
                    <div class="fontclass">.icon-fangkuangxuanze</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fujian"></i>
                    <div class="name">附件</div>
                    <div class="fontclass">.icon-fujian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi1"></i>
                    <div class="name">复制 (1)</div>
                    <div class="fontclass">.icon-fuzhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hengpai"></i>
                    <div class="name">横排</div>
                    <div class="fontclass">.icon-hengpai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paperclip"></i>
                    <div class="name">回形针</div>
                    <div class="fontclass">.icon-paperclip</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-add"></i>
                    <div class="name">加 (1)</div>
                    <div class="fontclass">.icon-add</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-exclamation-circle"></i>
                    <div class="name">警示</div>
                    <div class="fontclass">.icon-exclamation-circle</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lingdang"></i>
                    <div class="name">铃铛 </div>
                    <div class="fontclass">.icon-lingdang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rili"></i>
                    <div class="name">日历</div>
                    <div class="fontclass">.icon-rili</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ellipsis-h"></i>
                    <div class="name">三个点</div>
                    <div class="fontclass">.icon-ellipsis-h</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangchuancaipin"></i>
                    <div class="name">上传菜品</div>
                    <div class="fontclass">.icon-shangchuancaipin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi1"></i>
                    <div class="name">设置 (1)</div>
                    <div class="fontclass">.icon-shezhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suo"></i>
                    <div class="name">锁</div>
                    <div class="fontclass">.icon-suo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjian"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-wenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-folder1"></i>
                    <div class="name">文件夹</div>
                    <div class="fontclass">.icon-folder1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenhao"></i>
                    <div class="name">问号</div>
                    <div class="fontclass">.icon-wenhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wujiaoxing"></i>
                    <div class="name">五角星</div>
                    <div class="fontclass">.icon-wujiaoxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-angle-down"></i>
                    <div class="name">下箭头小</div>
                    <div class="fontclass">.icon-angle-down</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caret-up"></i>
                    <div class="name">下三角 (1)</div>
                    <div class="fontclass">.icon-caret-up</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caret-down"></i>
                    <div class="name">下三角</div>
                    <div class="fontclass">.icon-caret-down</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiazai2"></i>
                    <div class="name">下载2</div>
                    <div class="fontclass">.icon-xiazai2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjianneirong"></i>
                    <div class="name">新建内容</div>
                    <div class="fontclass">.icon-xinjianneirong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzehou"></i>
                    <div class="name">选择后</div>
                    <div class="fontclass">.icon-xuanzehou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzeqian"></i>
                    <div class="name">选择前</div>
                    <div class="fontclass">.icon-xuanzeqian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzhong"></i>
                    <div class="name">选中</div>
                    <div class="fontclass">.icon-xuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yidongwenjian"></i>
                    <div class="name">移动文件</div>
                    <div class="fontclass">.icon-yidongwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-circle"></i>
                    <div class="name">圆</div>
                    <div class="fontclass">.icon-circle</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zan"></i>
                    <div class="name">赞</div>
                    <div class="fontclass">.icon-zan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongzhi"></i>
                    <div class="name">重置</div>
                    <div class="fontclass">.icon-zhongzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ellipsisv"></i>
                    <div class="name">ellipsis-v</div>
                    <div class="fontclass">.icon-ellipsisv</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pencil2"></i>
                    <div class="name">pencil</div>
                    <div class="fontclass">.icon-pencil2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-volume-up"></i>
                    <div class="name">volume-up</div>
                    <div class="fontclass">.icon-volume-up</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-flag1"></i>
                    <div class="name">flag</div>
                    <div class="fontclass">.icon-flag1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-download1"></i>
                    <div class="name">32-download</div>
                    <div class="fontclass">.icon-download1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-upload1"></i>
                    <div class="name">37-upload</div>
                    <div class="fontclass">.icon-upload1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bank"></i>
                    <div class="name">bank</div>
                    <div class="fontclass">.icon-bank</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-play"></i>
                    <div class="name">45-caret-up</div>
                    <div class="fontclass">.icon-play</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-46caretdown"></i>
                    <div class="name">46-caret-down</div>
                    <div class="fontclass">.icon-46caretdown</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-51desktop"></i>
                    <div class="name">51-desktop</div>
                    <div class="fontclass">.icon-51desktop</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-angle-left"></i>
                    <div class="name">57-chevron-left</div>
                    <div class="fontclass">.icon-angle-left</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-angle-right"></i>
                    <div class="name">58-chevron-right</div>
                    <div class="fontclass">.icon-angle-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caretdown"></i>
                    <div class="name">46-caret-down</div>
                    <div class="fontclass">.icon-caretdown</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fire"></i>
                    <div class="name">50-fire</div>
                    <div class="fontclass">.icon-fire</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-60exclamationcircle"></i>
                    <div class="name">60-exclamation-circle</div>
                    <div class="fontclass">.icon-60exclamationcircle</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-stop"></i>
                    <div class="name">61-stop</div>
                    <div class="fontclass">.icon-stop</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-exclamation-triangle"></i>
                    <div class="name">63-exclamation-triangle</div>
                    <div class="fontclass">.icon-exclamation-triangle</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yy01"></i>
                    <div class="name">sound</div>
                    <div class="fontclass">.icon-yy01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jp01"></i>
                    <div class="name">cut</div>
                    <div class="fontclass">.icon-jp01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-times-circle"></i>
                    <div class="name">close</div>
                    <div class="fontclass">.icon-times-circle</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-end01"></i>
                    <div class="name">exit</div>
                    <div class="fontclass">.icon-end01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wjj01"></i>
                    <div class="name">e-icon-file</div>
                    <div class="fontclass">.icon-wjj01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dh01"></i>
                    <div class="name">e-icon-notice</div>
                    <div class="fontclass">.icon-dh01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wj01"></i>
                    <div class="name">e-icon-copy</div>
                    <div class="fontclass">.icon-wj01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-close"></i>
                    <div class="name">iconfont-cha</div>
                    <div class="fontclass">.icon-close</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-long-arrow-right"></i>
                    <div class="name">右</div>
                    <div class="fontclass">.icon-long-arrow-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mail-reply"></i>
                    <div class="name">mail-reply</div>
                    <div class="fontclass">.icon-mail-reply</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-angle-double-right"></i>
                    <div class="name">57-chevron-left-2-01</div>
                    <div class="fontclass">.icon-angle-double-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-angle-double-right1"></i>
                    <div class="name">57-chevron-right-2-01</div>
                    <div class="fontclass">.icon-angle-double-right1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-long-arrow-down"></i>
                    <div class="name">下</div>
                    <div class="fontclass">.icon-long-arrow-down</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shang1"></i>
                    <div class="name">上</div>
                    <div class="fontclass">.icon-shang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-desktop"></i>
                    <div class="name">desktop</div>
                    <div class="fontclass">.icon-desktop</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-codepen"></i>
                    <div class="name">codepen</div>
                    <div class="fontclass">.icon-codepen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrow-left"></i>
                    <div class="name">右-01</div>
                    <div class="fontclass">.icon-arrow-left</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrow-up"></i>
                    <div class="name">上-01</div>
                    <div class="fontclass">.icon-arrow-up</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrow-down1"></i>
                    <div class="name">下-01</div>
                    <div class="fontclass">.icon-arrow-down1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrow-left1"></i>
                    <div class="name">左-01</div>
                    <div class="fontclass">.icon-arrow-left1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-times-circle1"></i>
                    <div class="name">times-circle</div>
                    <div class="fontclass">.icon-times-circle1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-calculator"></i>
                    <div class="name">计算器-01</div>
                    <div class="fontclass">.icon-calculator</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-key"></i>
                    <div class="name">钥匙-01</div>
                    <div class="fontclass">.icon-key</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-home"></i>
                    <div class="name">home-01</div>
                    <div class="fontclass">.icon-home</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-calendar-o"></i>
                    <div class="name">2</div>
                    <div class="fontclass">.icon-calendar-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-finish"></i>
                    <div class="name">完成</div>
                    <div class="fontclass">.icon-finish</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zonghechaxun"></i>
                    <div class="name">综合查询</div>
                    <div class="fontclass">.icon-zonghechaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-save"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-save</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuosanjiao"></i>
                    <div class="name">右三角</div>
                    <div class="fontclass">.icon-zuosanjiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-choose"></i>
                    <div class="name">选中</div>
                    <div class="fontclass">.icon-choose</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-time"></i>
                    <div class="name">overtime-01</div>
                    <div class="fontclass">.icon-time</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-purchase"></i>
                    <div class="name">采购</div>
                    <div class="fontclass">.icon-purchase</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-down"></i>
                    <div class="name">jiantou-down</div>
                    <div class="fontclass">.icon-jiantou-down</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-left"></i>
                    <div class="name">jiantou-right</div>
                    <div class="fontclass">.icon-jiantou-left</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-top"></i>
                    <div class="name">jiantou-top</div>
                    <div class="fontclass">.icon-jiantou-top</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-right"></i>
                    <div class="name">jiantou-left</div>
                    <div class="fontclass">.icon-jiantou-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yizuofei"></i>
                    <div class="name">已作废</div>
                    <div class="fontclass">.icon-yizuofei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-india"></i>
                    <div class="name">用印申请</div>
                    <div class="fontclass">.icon-india</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diannao"></i>
                    <div class="name">电脑</div>
                    <div class="fontclass">.icon-diannao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hetong"></i>
                    <div class="name">合同管理</div>
                    <div class="fontclass">.icon-hetong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gift"></i>
                    <div class="name">gift</div>
                    <div class="fontclass">.icon-gift</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gain"></i>
                    <div class="name">成果汇总</div>
                    <div class="fontclass">.icon-gain</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghuxinxicaiji"></i>
                    <div class="name">用户信息采集</div>
                    <div class="fontclass">.icon-yonghuxinxicaiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-heguiwendang"></i>
                    <div class="name">合规文档</div>
                    <div class="fontclass">.icon-heguiwendang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghuzichan"></i>
                    <div class="name">用户资产</div>
                    <div class="fontclass">.icon-yonghuzichan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun1"></i>
                    <div class="name">保存(1)</div>
                    <div class="fontclass">.icon-baocun1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouji"></i>
                    <div class="name">手机</div>
                    <div class="fontclass">.icon-shouji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pc"></i>
                    <div class="name">pc</div>
                    <div class="fontclass">.icon-pc</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-right1"></i>
                    <div class="name">勾</div>
                    <div class="fontclass">.icon-right1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tupian"></i>
                    <div class="name">pic</div>
                    <div class="fontclass">.icon-tupian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-angle-double-down"></i>
                    <div class="name">57-chevron-right-2-01</div>
                    <div class="fontclass">.icon-angle-double-down</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaxun"></i>
                    <div class="name">chaxun</div>
                    <div class="fontclass">.icon-chaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanli"></i>
                    <div class="name">shezhi</div>
                    <div class="fontclass">.icon-guanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyi"></i>
                    <div class="name">huiyi</div>
                    <div class="fontclass">.icon-huiyi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tanzhen"></i>
                    <div class="name">探针</div>
                    <div class="fontclass">.icon-tanzhen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaozheng"></i>
                    <div class="name">调整</div>
                    <div class="fontclass">.icon-tiaozheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantoushang"></i>
                    <div class="name">箭头 上</div>
                    <div class="fontclass">.icon-jiantoushang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantouxia"></i>
                    <div class="name">箭头 下</div>
                    <div class="fontclass">.icon-jiantouxia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-seal"></i>
                    <div class="name">印章</div>
                    <div class="fontclass">.icon-seal</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiche"></i>
                    <div class="name">汽车</div>
                    <div class="fontclass">.icon-qiche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bookshelf"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-bookshelf</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plus-square"></i>
                    <div class="name">1</div>
                    <div class="fontclass">.icon-plus-square</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daoru"></i>
                    <div class="name">导入</div>
                    <div class="fontclass">.icon-daoru</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongshangyinhang"></i>
                    <div class="name">工商银行</div>
                    <div class="fontclass">.icon-gongshangyinhang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pufayinhang"></i>
                    <div class="name">浦发银行</div>
                    <div class="fontclass">.icon-pufayinhang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia1"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-jia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yinhangqia"></i>
                    <div class="name">银行卡</div>
                    <div class="fontclass">.icon-yinhangqia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-meeting"></i>
                    <div class="name">会议</div>
                    <div class="fontclass">.icon-meeting</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-loan"></i>
                    <div class="name">借款</div>
                    <div class="fontclass">.icon-loan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-attach"></i>
                    <div class="name">attachment</div>
                    <div class="fontclass">.icon-attach</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-excel"></i>
                    <div class="name">excel</div>
                    <div class="fontclass">.icon-excel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-image"></i>
                    <div class="name">image</div>
                    <div class="fontclass">.icon-image</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pdf"></i>
                    <div class="name">pdf</div>
                    <div class="fontclass">.icon-pdf</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-txt"></i>
                    <div class="name">txt</div>
                    <div class="fontclass">.icon-txt</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-word"></i>
                    <div class="name">word</div>
                    <div class="fontclass">.icon-word</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuangjianyingyong"></i>
                    <div class="name">创建应用</div>
                    <div class="fontclass">.icon-chuangjianyingyong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-print"></i>
                    <div class="name">打印</div>
                    <div class="fontclass">.icon-print</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shengqing"></i>
                    <div class="name">提交申请</div>
                    <div class="fontclass">.icon-shengqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-idcard"></i>
                    <div class="name">驾驶证件</div>
                    <div class="fontclass">.icon-idcard</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-end"></i>
                    <div class="name">end</div>
                    <div class="fontclass">.icon-end</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuijin"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-tuijin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nofile"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-nofile</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-copy"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantou-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-document"></i>
                    <div class="name">raxicon_文档管理</div>
                    <div class="fontclass">.icon-document</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-flow"></i>
                    <div class="name">工作流</div>
                    <div class="fontclass">.icon-flow</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-payment"></i>
                    <div class="name">付款单</div>
                    <div class="fontclass">.icon-payment</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gupiaodaima"></i>
                    <div class="name">股票代码</div>
                    <div class="fontclass">.icon-gupiaodaima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gupiao"></i>
                    <div class="name">股票</div>
                    <div class="fontclass">.icon-gupiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianyi"></i>
                    <div class="name">建议</div>
                    <div class="fontclass">.icon-jianyi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diannao1"></i>
                    <div class="name">电脑</div>
                    <div class="fontclass">.icon-diannao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitong"></i>
                    <div class="name">分类-选中</div>
                    <div class="fontclass">.icon-xitong</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
